<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div class="section section-margin" th:fragment="business">
    <div class="container">
        <div class="border-top border-bottom">
            <div class="row">
                <div class="col-12" data-aos="fade-up" data-aos-delay="200">
                    <!-- Brand Logo Wrapper Start -->
                    <div class="brand-logo-carousel arrow-outside-container">
                        <h1 style="text-align: center; font-weight: bold">合作商家</h1>
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide single-brand-logo" th:each="brand:${brandList}">
                                    <a href="#"><img src="assets/images/brand-logo/2.png" th:src="${brand.logo}"
                                                     alt="Brand Logo"></a>
                                </div>
                            </div>
                            <!-- Next Previous Button Start -->
                            <div class="swiper-logo-button-next swiper-button-next swiper-nav-button d-none d-md-flex">
                                <i class="pe-7s-angle-right"></i></div>
                            <div class="swiper-logo-button-prev swiper-button-prev swiper-nav-button d-none d-md-flex">
                                <i class="pe-7s-angle-left"></i></div>
                            <!-- Next Previous Button End -->
                        </div>
                    </div>
                    <!-- Brand Logo Wrapper End -->
                </div>
            </div>
        </div>
    </div>
</div>
</html>